﻿<AntTitle Level="1">BackTop回到顶部</AntTitle>
<AntText>返回页面顶部的操作按钮。</AntText>
<AntTitle Level="2">何时使用</AntTitle>
<AntParagraph>
    <ul>
        <li>当页面内容区域比较长时；</li>
        <li>当用户需要频繁返回顶部查看相关内容时。</li>
    </ul>
</AntParagraph>

<br />
<h2>演示</h2>
<br />
<DemoCard>
    <Title>基本</Title>
    <Description>最简单的用法。</Description>
    <Demo>
        <AntBackTop Title="Scroll down to see the bottom-right gray button."></AntBackTop>
    </Demo>
</DemoCard>
<br />

<DemoCard>
    <Title>自定义样式</Title>
    <Description>可以自定义回到顶部按钮的样式，限制宽高：40px * 40px。</Description>
    <Demo>
        <AntBackTop Title="Scroll down to see the bottom-right gray button."></AntBackTop>
    </Demo>
</DemoCard>
<br />

<br />
<h2>API</h2>
<br />

<table>
    <thead>
    <tr>
        <th>参数</th>
        <th>说明</th>
        <th>类型</th>
        <th>默认值</th>
        <th>版本</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>target</td>
        <td>设置需要监听其滚动事件的元素，值为一个返回对应 DOM 元素的函数</td>
        <td>Function</td>
        <td>() =&gt; window</td>
        <td></td>
     </tr>
    <tr>
        <td>visibilityHeight</td>
        <td>滚动高度达到此参数值才出现 <code>BackTop</code></td>
        <td>number</td>
        <td>400</td>
        <td></td>
        </tr>
    <tr>
        <td>onClick</td>
        <td>点击按钮的回调函数</td>
        <td>Function</td>
        <td>-</td>
        <td></td>
     </tr>
    </tbody>
</table>